随笔分类 - vue
摘要：多个勾选框，绑定到同一个数组： 结果
阅读全文
摘要：这个方法了不起啊。。vue.js是通过它实现双向绑定的。。而且Object.observe也被草案发起人撤回了。。所以defineProperty更有必要了解一下了。 几行代码看他怎么用 很简单，它接受三个参数，而且都是必填的。。 传入参数 第一个参数：目标对象 第二个参数：需要定义的属性或方法的名
阅读全文
摘要：一、模板引擎 通常出现在应用层，即服务器端（MVC层中的view） 客户端HTTP请求->应用层的控制器（Controller）->应用层的服务层（Service,访问数据库）->封装到模型层（Model）-> 跳转到视图层（View,模板引擎）->生成HTML代码->返回给客户端浏览器 vue模板
阅读全文
摘要：vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说，$.ajax能做的事情，vue-resource插件一样也能做到，而且vue-resource的API更为简洁。另外，vue-resource还提供了非常有用的intec
阅读全文
摘要：vue完成项目后，如何打包成静态文件， 打包： 1、vue.config.js配置，如果用默认的，打包以后，会找不到文件 // 公共路径(必须有的)publicPath: "./",// 输出文件目录outputDir: "dist",// 静态资源存放的文件夹(相对于ouputDir)assets
阅读全文
摘要：打包的时候，把static里面的文件全部拷贝到dist的static里面
阅读全文
摘要：参考地址：http://cn.vuejs.org/v2/guide/transitions.html vue2.0，要想实现过渡效果，要用transition组件 代码： <div id="demo"> <button v-on:click="show = !show"> Toggle </butt
阅读全文
摘要：案例分析： 1、中间文字居中 2、文字俩边有横线 横线无法固定宽度，因为在大屏手机上，容易出现Bug，宽度不够，俩边会出现大量空隙 解决办法，使用flex布局（网站链接） 代码： 写在<style></style>内才会生效。在html中添加style属性是不会添加兼容性代码的
阅读全文
摘要：代码： 在chrome运行： beforeCreate dom、data数据初始化之前 created data数据初始化完成，dom没有初始化 beforeMount dom初始化完成 mounted data数据挂载到dom上 在浏览器中运行testVue.message="zhaobao";
阅读全文
摘要：1、dev-server.js 是webpack打包入口，所以在这个里面引入模拟数据 2、dev-server.js里面调用数据，记住要写在var app=express()后面，不然会出错 3. 4、vue.js里面的computed,就是实时计算,可以把其他页面传过来的值进行计算，然后通过v-b
阅读全文
摘要：eslint规则默认是没有;号的，如果也没要加;号，那就要在.eslintrc.js里面，加配置： 'semi':['error',always'] 强制有;号，没有就报错 参考地址：http://eslint.org/docs/rules/semi 看里面的 options
阅读全文
摘要：注意项目中的这个，它的作用是： 在js里面，new 一个对象，需要赋值给某个值（变量），用Vue实例化的时候，不需要赋值给值（变量），所以要单独给配一条规则，给new Vue这行代码上面加这个注释，把这行代码规则的校验跳过，通过eslint-disable。eslint的常用技巧之一
阅读全文
摘要：因为header在HTML5里面是个原生的标签，所以在开发的时候会提示错误，解决方法：修改components里面左边的header
阅读全文
摘要：通过icomoon和svg文件，制作图标字体 icomoon官网：链接 1、打开官网 2、点击右上角 3、点击左上角 4、导入svg文件 5、选中生成的图标 6、点击右下角 7、点击，修改名称 8、修改名称和其他的信息，除了名称，其他一般默认即可 9、点击下载 10、使用的时候，把fonts文件和s
阅读全文
摘要：用vue-cli构建了项目之后在webstorm开发，用npm run dev跑本地服务，经常修改之后在浏览器刷新没反应，偶尔才会有刷新，需要重新跑一遍npm run dev才会更新，这是怎么回事呢？ webstorm保存的时候会先保存到旧时文件中，其实并没有真正保存，要在setting->stys
阅读全文
摘要：1、安装vue插件,方法 Setting->Plugins,点击Plugins,在右边输入vue，找到相应插件，然后安装 2、创建vue模板 注意红圈里面的 3、设置vue文件支持的样式 注意：这个设置后没效果，是因为2里面的reformat according to style没有取消掉 4、vu
阅读全文
摘要：参考地址：链接 build webpack配置相关 config webpack配置相关 node_modules npm install 安装的依赖代码库 src 存放项目源码 static 存放静态资源 .babelrc babel的一些配置，大部分浏览器是不能支持ES6的，所以通过babel转
阅读全文
摘要：webpack 地址： https://github.com/vuejs-templates/webpack 注意里面的template，用webpack创建的项目，结构就是这样的
阅读全文
摘要：Vue-cli是Vue的脚手架工具 vue-cli 地址：https://github.com/vuejs/vue-cli 安装 npm install -g vue-cli 使用 vue init webpack my-project
阅读全文
摘要：1、数据驱动 只要改变数据，Vuejs会通过Directives指令对DOM进行封装，当数据发生变化，会通知相应的DOM进行变化 Vuejs会对DOM进行监听，通过DOMListeners监听视图的变化，通知数据进行改变，这样就实现了数据的双向绑定 数据相应原理 现在有一份a.b的数据，当vue对象
阅读全文
浙公网安备 33010602011771号