随笔分类 - vue
摘要：vue-cli2 与 vue-cli3 的区别 vue-cli3是基于webpack4打造，vue-cli2是基于webpack3 vue-cli3的设计原则是“0配置”，移除（隐藏）配置文件build和config等目录 vue-cli3提供了vue ui 命令，提供了可视化配置 vue-cli3
阅读全文
摘要：上代码 <style> .s-bg2{ backgound:#eee; } .s-c{ color:bule; } </style> // 根据主题色变换树的颜色 changeTreeAboutTheme(){ let that = this; that.$nextTick(function(){
阅读全文
摘要：1 // test.js 2 export default { 3 name: 'zs', 4 age: 20 5 } 或者 1 // test.js 2 var info = { 3 name: 'zs', 4 age: 20 5 } 6 export default info 1 在main.j
阅读全文
摘要：效果如下： 1 var blist = [] 2 var districtLoading = 0 3 4 5 var map = new window.BMap.Map("container",{ minZoom:5,maxZoom:20 });// 创建地图实例 6 var point = new
阅读全文
摘要：vue是组件化开发的项目，很多情况下会把公共组件提取出来，来减少代码量，提高开发效率，和以后更好的可维护性。 很多情况下，父组件中都会引用子组件这种情况。通过给在父组件中引用的子组件标签上添加属性，来渲染可以拥有不同数据的子组件。 但是vue 的组件有个特点，如果我们这一次和上一次传过去的属性值一样
阅读全文
摘要：背景：你乘坐汽车从A景区想赶往B景区（模拟路由A跳转到路由B） 1.next() 你乘坐汽车要从A景区到B景区，路过关卡时，守门人拦下你，你量出了next()，守门人一看没问题，赶紧放行，于是你顺利到达了B景区。 2.next(false) 如果你量出了next(false)，守门人立马关住大门，不
阅读全文
摘要：碰到是否有template选项时，会询问是否要对template进行编译： 在template编译（渲染成UI）有一个过程。模板通过编译生成AST，再由AST生成Vue的渲染函数，渲染函数结合数据生成Virtual DOM树，对Virtual DOM进行diff和patch后生成新的UI。将上图细化
阅读全文
摘要：描述具体问题 需求 业务系统通常需要登录才能访问受限资源，在用户未登录情况下访问受限资源需要重定向到登录页面； 多个业务系统之间要实现单点登录，即在一个系统或应用已登录的情况下，再访问另一个系统时不需要重复登录； 在登录过期或失效时，需要重定向到登录页面； 用户登录后，需对改用户拥有的权限进行功能和
阅读全文
摘要：在vue,config.js中配置css热更新 const IS_PROD = ['production', 'test'].includes(process.env.NODE_ENV) css: { // 是否使用css分离插件 ExtractTextPlugin extract: IS_PROD
阅读全文
摘要：vue-cli3.0安装 1 如果你事先已经全局安装了旧版本的vue-cli(1.x 或 2.x),你需要先卸载它: 2 3 npm uninstall vue-cli -g 4 安装 5 6 npm install -g @vue/cli // 安装cli3.x 7 vue --version /
阅读全文
摘要：1、父组件 使用 Math.ramdom() 2、子组件获取 然后监听这个ramdom变化，处理子组件的更新
阅读全文
摘要：问题描述：父组件调用了一个子组件，传递了一个id的属性到子组件， 但是在子组件中将这个id的props属性赋值给了data里面定义的另外一个属性myId，并且写了watch监听这个id的props。 结果：第一次的时候子组件并没有更新界面（即data里面的myId属性没有更新）；第二次及以后就都可以
阅读全文
摘要：Vue最常用的组件通讯有三种：父->子组件通讯、子->父组件通讯，兄弟组件通讯.(template用的pug模板语法) 1.父->子组件通讯 父->子组件通讯，是通过props进行数据传递，并且具有这几个特性，单向传递，子组件接收的数据不可以更改，如果更改，会发出警告，每次父组件更新时，子组件的所有
阅读全文
摘要：使用@import引入外部css，作用域却是全局的 <template> </template> <script> export default { name: "user" }; </script> <!-- Add "scoped" attribute to limit CSS to this
阅读全文
浙公网安备 33010602011771号