简而言之,就是先转化成AST树,再得到的render函数返回VNode(Vue的虚拟DOM节点) 详情步骤: 首先,通过compile编译器把template编译成AST语法树(abstract syntax tree 即源代码的抽象语法结构的树状表现形式),compile是createCompil Read More
全局定义指令:在vue对象的directive方法里面有两个参数,一个是指令名称,另一个是函数。组件内定义指令:directives; 钩子函数:bind(绑定事件触发)、inserted(节点插入的时候触发)、update(组件内相关更新); 钩子函数参数:el,binding Read More
mint-ui是基于vue的前端组件库。npm安装,然后import样式和js,vue.use(mintUi)全局引入。在单个组件局部引入:import { Toast } from 'mint-ui'。组件一:Toast("登录成功");组件二:mint-header;组件三:mint-swipe Read More
css的预编译; 使用步骤: 第一步:用npm下三个loader(sass-loader、css-loader、node-sass); 第二步:在build目录找到webpack.base.config.js,在那个extends属性中加一个拓展.scss; 第三步:还是在同一个文件,配置一个mod Read More
vue-loader是解析 .vue 文件的一个加载器,跟 template/js/style转换成 js 模块; 用途:js可以写es6、style样式可以scss或less;template可以加jade等; Read More
总共分为8个阶段,创建前/后,载入前/后,更新前/后,销毁前/后; 创建前/后:在beforeCreated阶段,vue实例的挂载元素$el和数据对象data都为undefined,还未初始化。在created阶段,vue实例的数据对象data有了,$el还没有; 载入前/后:在beforeMoun Read More
vue.js是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。 具体步骤: 第一步:需要observe的数据对象进行递归遍历,包括子属性对象的属性,都加上sett Read More
vuex是vue框架中状态管理。在main.js引入store,注入。新建了一个目录store,...export。应用场景有:单页应用中,组件之间的状态。应用实例:音乐播放、登录状态、加入购物车等等 Read More