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