小结

• vue事件执行顺序
  Props => Methods => Data => Computed => Watch
• methods:{}
  thingsFun(){} === thingsFun:function(){}
• vue 解决刷新或着加载出现闪烁（显示变量，隐藏文件）
  v-clock 位置，在el挂载的标签上添加就可以

<style>
[v-clock]{
    display:none;
    //display:none !important;
}
</style>
<div id="app" v-clock>
    <p>{{text}}</p>
</div>
<script>
var app = new Vue({
    el:"#app",
    data:{
        text:"hanna"
    }
})
</script>

• chrome 浏览器，vue开发者工具安装
  https://chrome.google.com/webstore/category/extensions?hl=zh-CN
• vue 易混淆

vue路由不能有的符号:(: // & ?)，可以用:a-z 0-9 . - ()
一个路由里，只能有一个组件
router-view 只能代表当前children，只表示当前级
main.js 引入公用less 必须加后缀名.less
components 新建文件夹list里面创建.vue .less
@import "style.less"; 注意引入的时候必须有; 分号

• router-link

<!--字符串-->
<router-link to="home">Home</router-link>
<!--渲染结果-->
<a href="home">Home</a>
<!-- 使用v-bind的js表达式-->
<router-link v-bind:to="home">Home</router-link>
<!-- 不写v-bind也可以，就像绑定别的属性一样-->
<router-link :to="home">Home</router-link>
<!-- 同上 -->
<router-link :to="{path:'home'}">Home</router-link>
<!--命名的路由-->
<router-link :to="{name:'user',params:{userId:123}}">User</router-link>
<!--带查询参数，下面的结果为/register?plan=private-->
<router-link:to ="{path:'register',query:{plan:'private'}}">Register</router-link>