janeen-jn的博客

基本结构const vm = new Vue({ data(){ return {} }, watch:{}, computed:{}, methods:{}, filters:{}, components:{}})vm 即是Vue实例对象vm.$el vue实例所挂载的元素vm.$options vue自定义的属性和方法vm.$data vue实例中的data属性vue响应式原理响应式： 即数据发生改变，界面自动发生刷新1、考虑vue内部如何知道哪些数据发生了改变2

/** * 因为Vue中使用插件都是通过 Vue.use(插件名字) 安装插件再使用 * 而执行 Vue.use() 的内部实际是在执行 这个插件的 install 方法 * 利用此特性 可以自定义插件 * 在toast目录下新建index.js文件 去项目入口处导入这个文件并执行 Vue.use(..) * main.js中： * ...

普通封装:Toast.vue: <template> <div class="toast"> {{msg}} </div> </template> <script> export default { name: 'Toast', props: { msg: String } } </script> <style

runtime-compiler、runtime-only使用vue-cli构建项目的时候，有一步让选择使用 runtime-compiler 或者 runtime-only 分别选择 runtime-compiler 和 runtime-only创建两个项目，会发现唯一的区别就是main.js中，vue实例是否使用templateruntime-compiler使用 runtime-compiler创建项目，内部会将template中的内容保存为 ast文件，然后创建render函数去渲

Electron是一个可以使用前端技术开发一个跨平台桌面应用的框架，简言之就是 一个框架 使用它可以生成桌面应用1、使用vue脚手架生成vue项目vue init webpack test_electron一系列选择后生成项目2、将vue项目打包npm run build此时会生成dist目录打包前需要将资源文件路径改为相对路径 此处使用脚手架2 所以在config/build/index.js build{} 中更改assetsPublicPath: “./”3、在项目dist目录下开始