-
v-on:click 可以简写为 @click
查看全部 -
v-bind:class="{xxxx: true/false, yyyy: true/false}"
class绑定的是一个对象。
查看全部 -
箭头函数没有作用域，this依然指向vue对象。如果是function，this会指向function自身。
this.axios.get("").then(() => {
this.xxx; // this的指向没有变
});
查看全部 -
v-bind:key，key用于缓存标签组件，提高性能。
查看全部 -
mastache语法只可以放在标签内，不可以直接放在属性里，例如：
img src="{{url}}"这是错误的，这样用v-bind绑定才可以使用
mastache语法是可以用表达式,也可以使用methods中的方法 语法为：{{getclass()}}
查看全部 -
在VSCode中，Ctrl + Shift + P 呼出命令面板
Command Palette查看全部 -
export default{ name:'xxxxxxx' }vue中组件name的作用：https://zhuanlan.zhihu.com/p/225164488?utm_source=wechat_session
1、项目中有用到keep-alive时，name可以用作include和exclude的值。
2、递归组件。
3、vue-tools调试。
查看全部 -
pubilc文件夹属于根目录，存放全局静态资源，访问相关资源用绝对路径【/】直接访问。
访问其他文件夹使用相对路径的访问方式【./】。
查看全部 -
SPA项目=单页应用 Single Page Application
查看全部 -
vue生命周期：
1、初始化
-new Vue()
-初始化内置的事件(click等事件)和生命周期钩子函数
……beforeCreate
-初始化默认事件绑定(click等事件)和数据变量监听
……created
-是否有el对象(#app)
-是否有template对象
-通过loader编译模板和指令
……beforeMount
-将虚拟dom的内容插入到真实dom中并进行渲染，并将$el挂载到vm上
……mounted
2、更新数据
-数据发生变化
……beforeUpdate
-对比虚拟dom，生成patch并将差异存入，用patch重新渲染真实dom
……updated
3、删除
-调用vm.$destory()
……beforeDestory
-卸载观察器、子组件以及事件监听器
……destoryed
查看全部 -
data:{} // 全局变量
data(){return {name:"test"};} // 局部变量
查看全部 -
vue是组件，而不是页面。
一个页面包含很多vue组件。
一个大的vue组件也可以包含很多小的vue组件，每个组件都有自己单独的生命周期。
查看全部
举报
