Day by day的博客

配置JSXbabel-plugin-transform-vue-jsxJSX是需要编译为JavaScript才可以运行的， 所以第三个样例需要有额外的编译步骤。这里我们用Babel和Webpack来进行编译。打开你的webpack.config.js文件， 加入babel loader:loaders: [ { test: /\.js$/, loader: 'babel', exclude: ...

1、先下载node npm2、下载VScode（我们用VScode编辑器）3、终端进入项目文件夹下(可能需要获取管理员权限sudo)       npm install vue-cli -g 、 vue init webpack vue-demo（vue-demo是项目的名字）4、第一次写项目需要Vue init webpack 新建项目     第二次及第N次就直接npm i...

打开VScode    进入 snippet 设置文件，这里提供了两种方法： 摁「Alt」键切换菜单栏，通过文件 > 首选项 > 用户代码片段，选择进入目的语言的代码段设置文件；通过快捷键「Ctrl + Shift + P」打开命令窗口（all command window），输入「snippet」，通过候选栏中的选项进入目的语言的代码段设置文件。填写 snippetsvue: {"P...

配置：    两种配置方法： 在main.js中 || 在src/router文件夹下的index.js中    这里只说在src/router/index.js中的引入：123import Vue from 'vue' import Router from 'vue-router'注意这个Router是自定义的名字，这里叫这个名字后，下边都要用到的 　　2. 使用/注册：1Vue.use(Rou...

在vue里对每个数组排序，会出现无限循环的问题，我认为的原因是:    vue动态监听data里数组的变化，数组刚一排序发生变化，vue立马重新执行排序导致无限循环。    解决问题:     1、将要排序的数组命名为全局变量，这样不受vue的监听    2、全局数组赋值vue里的数组时，不要使用=号，这样只是把全局数组的地址指向vue数组地址(用遍历vue数组，push进全局数组里)代码片段 对...

1、vue-cli webpack全局引入jquery(1) 首先 npm install jquery --save (--save 的意思是将模块安装到项目目录下，并在package文件的dependencies节点写入依赖。)(2)在webpack.base.conf.js里加入     var webpack = require("webpack")(3)在module.exports的最...

对于前端来说，其实浏览器配合超级连接就很好的实现了路由功能。但是对于单页面应用来说，浏览器和超级连接的跳转方式已经不能适用，所以各大框架纷纷给出了单页面应用的解决路由跳转的方案。Vue框架的兼容性非常好，可以很好的跟其他第三方的路由框架进行结合。当然官方也给出了路由的方案： vue-router;建议还是用官方的最好，使用量也是最大，相对来说Vue框架的升级路由组件升级也会及时跟上，所以为了以后的...