本文主要是介绍vue学习总结一，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
1、sublime text 需安装包
Vue Syntax Hightlight
vscode 安装vetur插件
2、 v-bind 缩写
v-bind指令用于响应式地更新HTML属性
<!-- 完整语法 -->
<a v-bind:href="url">...</a><!-- 缩写 -->
<a :href="url">...</a>v-on 缩写
v-on指令用于监听DOM事件
<!-- 完整语法 -->
<a v-on:click="doSomething">...</a><!-- 缩写 -->
<a @click="doSomething">...</a>3、引用第三方库
npm安装swiper，还需要引入相应的css
4、vue-router
// 0. 如果使用模块化机制编程，导入Vue和VueRouter，要调用 Vue.use(VueRouter)// 1. 定义（路由）组件。
// 可以从其他文件 import 进来
const Foo = { template: '<div>foo</div>' }
const Bar = { template: '<div>bar</div>' }// 2. 定义路由
// 每个路由应该映射一个组件。 其中"component" 可以是
// 通过 Vue.extend() 创建的组件构造器，
// 或者，只是一个组件配置对象。
const routes = [{ path: '/foo', component: Foo },{ path: '/bar', component: Bar }
]// 3. 创建 router 实例，然后传 `routes` 配置
// 你还可以传别的配置参数, 不过先这么简单着吧。
const router = new VueRouter({routes // （缩写）相当于 routes: routes
})// 4. 创建和挂载根实例。
// 记得要通过 router 配置参数注入路由，
// 从而让整个应用都有路由功能
const app = new Vue({router
}).$mount('#app')// 现在，应用已经启动了！通过注入路由器，我们可以在任何组件内通过 this.$router 访问路由器，也可以通过 this.$route 访问当前路由
有时候，同一个路径可以匹配多个路由，此时，匹配的优先级就按照路由的定义顺序：谁先定义的，谁的优先级就最高。
5、css动画
transition包裹子组件
这篇关于vue学习总结一的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
