xiang_wu_la-优快云博客

原创 Webpack高级语法

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...

2019-12-19 20:02:32 183

原创 webpack进阶学习

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

2019-12-18 18:40:43 176

原创 webpack少走弯路系列

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

2019-12-17 20:03:29 282

原创 Vue连接字符串三个方法

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

2019-12-15 17:35:04 5111

原创 Vue路由

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

2019-12-13 17:38:10 181

原创组件案例

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

2019-12-12 17:21:37 373

原创 Vue组件

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

2019-12-10 21:51:01 133

原创 Vue动画实现方法

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

2019-12-09 20:32:35 888

原创 Vue第四天

vue-resource改造品牌列表实例主题：利用vue-resource来引入网址实现数据交互获取列表提供例子网址品牌列表地址：http://vue.studyit.io/api/getprodlist 添加品牌数据：http://vue.studyit.io/api/addproduct 删除品牌数据：http://vue.studyit.io/api/delproduct/:id ...

2019-12-08 18:02:42 141

原创 Vue学习第三天笔记

今天的笔记概念性强创建期间的生命周期函数创建期间的生命周期函数： beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性。 created：实例已经在内存中创建OK，此时 data 和 methods 已经创建OK，此时还没有开始编译模板。 beforeMount：此时已经完成了模板的编译，但是还没有挂载到页面中。 mounted：此时...

2019-12-07 19:24:08 160

原创学习Vue

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

2019-12-06 16:53:21 120

原创 Vue第一天日记

.stop 和.self都可以阻止冒泡，但还是有区别例如a->b.stop->c，那么只会执行c；而a->b.self->c，则执行c和a。再来说一下v-cloak和v-text的区别：两个都是属性控件， msg=‘123’，可以看到，v-cloak不会覆盖其他内容，而v-text则把后面的内容给覆盖掉了。这两条语句的区别是有没有在value前加v-bin...

2019-12-05 19:41:27 310

php搭建环境 php搭建环境跳了很多大坑，分享一下我的经验，让大家少走弯路。 php环境需要Apach，php，Mysql。这里有一个安装文档 https://pan.baidu.com/s/1v0UmFQrzHWw6lNTIc_qlEw 分为两种方式：第一种是独立安装我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，...

2019-11-03 11:20:28 237

weixin_45452537的博客