weixin_45452537的博客

Webpack高级语法1.何为高级语法由于 ES6 的代码，太高级了，webpack解析不了，得转换成低级语言。2.装包使用 babel 处理高级JS语法运行npm i babel-core babel-loader babel-plugin-transform-runtime -D安装 babel 的相关 loader 包运行npm i babel-preset-env babel...

webpack进阶学习一.两种webpack-dev-server部署1.package.json在 package.json 的 script 节点下。2.webpack.config.jswebpack.config.js 文件，新增 devServer 节点。二.使用import语法导入CSS样式表在 main.js 中import './css/index.css'im...

webpack少走弯路系列一、先下载node.jswebpack基于 node.js ，所以得先下载它。node.js官网直接点击，傻瓜式安装（一直 next ，建议记得换个位置安装）。二、检查安装是否成功cmd 命令，输入node -v如图已安装成功。如果不成功，则重启下电脑。如若还是不行（几率很小），卸载重装。三、全局安装nrm包cmd 命令，输入npm i nrm ...

Vue连接字符串三个方法一、通过methods1、定义数据2、添加绑定事件3、创建methods方法二、通过watch1、定义数据（同上）2、绑定数据（不需绑定事件）3、创建watch方法watch 内置了新值 newVal 和旧值 oldVal。三、通过computed1、定义数据注意这里没有定义 fullname。2、绑定数据3、创建computed方...

路由一、路由的基本使用1、引入vue-router.js2、创建一个路由对象使用 redirect 是让根目录重置（显示内容）3、注册到 vm 实例上4、两种跳转链接4.1普通跳转链接在路由中不建议这样4.2路由跳转链接加上 tag = " span " 可以使 a 标签变成 span 标签。5、使用css样式（默认名称或自定义）默认名称是 router-lin...

组件案例——评论列表创建一个实例子对象定义 tmpl定义 postComment 方法有可能获取不到数据（没有添加进去），所以 var list = JSON.parse(localStorage.getItem(‘cmts’) || ‘[]’) 防止报错。this.$emit(‘func’) 是触发 func 事件。定义父实例把添加的数据覆盖早先创建的虚假数据。使用组件...

Vue组件创建全局的Vue组件三种方法方法1创建完直接在 html 的 body 内直接以标签形式使用。注意：例如定义的组件名称有大写字母，如 sSs ，则在标签使用时要变换成 s-ss（即把大写字母变为小写前面再加 - ）。知道有此种方法就行。重点是下面两种方法方法2这种方法更容易理解，注意 template 里有且只能有唯一的一个根元素（简单粗暴的理解就是不能有并列标签而没...

Vue动画实现的3种方法1.自定义1.定义动画2.然后在body包裹起来3.可是有一个问题，就是我们另外想用其他动画效果该怎么办呢？因为上面的相当于全局的。这时候，我们就要修改V-前缀，例：4.然后在transition添加name=“所修改的前缀”2.使用第三方类–animate.css1.引入animate.css可以搜索 animate 官网，有效果显示。2....

定义数据定义数据，用数组列表写出数据内容。增加数据增加数据到最后一行，然后领添加框至为空。删除数据用vue给出的findIndex函数来查找，查到该id值返回true，splice函数删除一条数据。注意：链接删除要用.prevent阻止默认行为！！！搜索数据搜索用关键词查找，只要包含该关键词就返回。全局过滤器例{ { xxx | a（）} }在取出xxx时用使用a...