-
前端的价值查看全部
-
注意 安裝的 webpack 版本 3.10.0 , vue-loader 版本13.6.0
查看全部 -
trunk hash
查看全部 -
第三方插件单独打包 vendor['vue']或者其他第三方引入的插件
查看全部 -
extract-text-webpack-plugin 单独打包css文件
查看全部 -
cheap-module-eval-source-map 在浏览器调试的时候还是显示源码
查看全部 -
路由映射 Historyback
查看全部 -
热更新
查看全部 -
files.autosave
查看全部 -
一、vue1.0支持html引入vue.js，2.0基本已经把这个功能舍弃，提倡vue打包webapp。
jsx是在vue2.0才提供的。
二、vue生态环境：vue-router, vuex
三、理解vue的重点不是api和指令，而是过程。
template是通过vue-loader解析成render方法，放到对象中。每次vue数据更新，都会重新调用render方法，生成新的html结构，插到dom结构中。
四、眼界要放宽。学习更多的知识，来完善自己的知识体系。
五、vue是双向绑定框架，通过v-model进行数据的绑定。
查看全部 -
一、hash和chunkhash的区别：
整个应用是同一个hash
entry里的节点对应不同的chunkhash
如果是单独打包就用chunkhash
二、name:runtime：生成在app.js的内容，有新的模块加入时，webpack会给每个内容加上一个Id,可能插入在中间，所以id都会改变
查看全部 -
一、npm i extract-text-webpack-plugin，把非javascript的文件打包
二、webpack的devserver不能用chunkHash，不然是会报错的。
三、vue-loader处理中，组件中的样式，组件显示的时候，样式才会显示，异步加载组件时，css也异步加载过来。
查看全部 -
一、vue或react开发的时候，尽量将数据都集中在顶层的一个地方。
二、vue中$emit触发事件，父组件通过@监听事件，实现父子组件通信。
子组件用this.$emit('de', this.deleted)，父组件用@del=""监听，可以实现父子组件事件的解耦，父组件想监听就监听，不想监听就不监听。
三、chrome插件：vue.js devtools的安装，地址：https://segmentfault.com/a/1190000009682735。
四、this.todos.splice(this.todos.findIndex(todo => todo.id === id), 1);
传进去的是todo，如果todo的id等于id，就删掉一个节点。
五、数组的filter方法
var ages = [32, 33, 16, 40];
function myFunction() {
document.getElementById("demo").innerHTML =
ages.filter( item => item >=18).length;
}
得到[32,33,40]。
六、如果用splice一条一条删，删了一条之后，index会改变，后续无法删，所以用filter。
数据在哪里声明，就在哪里操作。
七、findIndex()。
findIndex() 方法返回传入一个测试条件（函数）符合条件的数组第一个元素位置。
findIndex() 方法为数组中的每个元素都调用一次函数执行：
当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置，之后的值不会再调用执行函数。
如果没有符合条件的元素返回 -1
（1） findIndex() 对于空数组，函数是不会执行的。
（2）findIndex() 并没有改变数组的原始值。
查看全部 -
一、scoped：样式只在这个组件起作用。
二、vue结构更清晰，jsx功能更强大。
三、如果v-for中用:key，循环是一个非常费资源的操作，如果下次循环key的值没有变，就会复用节点，不会新增节点。key可用item,:key="item"
四、class写字符串，:class,可以写数组，也可以写对象
查看全部 -
vue的api重点：
1.生命周期方法，
2.computed，
查看全部
举报