Curedfisher

2019年12月16日

摘要： (1).当前页面需要变化什么样的数据? 答:列表;应该有个todos:[]数组;数组中包含每个元素均为一个对象;有数据titles:'xxx';(勾不勾选)complete:'布尔类型' (2).数组todos究竟放在哪个组件中保存? 看某个组件需要还是某些组件需要;分析各个组件都需要,故放在父组件阅读全文

posted @ 2019-12-16 10:10 Curedfisher 阅读(264) 评论(0) 推荐(0) 编辑

(尚025)Vue_案例_静态组件

摘要：页面效果展示截图: 第一步.首先拆分组件 (1).首先看一下是上下/左右结构确定为:输入框+列表+底部; (2).确定名字 (3).创建对应的组件第二步:静态组件(拆分页面+拆分样式) 1.拆分页面 (1). (2). (3).拆分成功后,需要在App.vue中引入这3个组件写成标签 2.拆分样阅读全文

posted @ 2019-12-16 08:32 Curedfisher 阅读(402) 评论(0) 推荐(0) 编辑

2019年12月13日

(尚024)Vue_案例_交互删除

摘要：注意:本总结中最终会删除不成功 ,原因是Item.vue中方法methods单词拼写错误!!! 首先明白,删除在Item.vue中交互 1.写交互,首先写监听@click="deleteItem"(不要用delete,因为是关键字) 2.写对应的方法 3.App.vue中删除指定下标的评论 4.de 阅读全文

posted @ 2019-12-13 17:49 Curedfisher 阅读(259) 评论(0) 推荐(0) 编辑

(尚023)Vue_案例_交互添加

摘要：最终达到效果: 1.做交互,首先需要确定操作哪个组件? 提交操作组件Add.vue 2.从哪开始做起呢? 从绑定事件监听开始做起,确定你跟谁绑定事件监听,在回调函数中做什么, 1.绑定事件监听 (1).跟button绑定,怎么绑呢?@click="add" (2).最终将自己的数据收集起来,添加到阅读全文

posted @ 2019-12-13 15:37 Curedfisher 阅读(242) 评论(0) 推荐(0) 编辑

(尚022)Vue案例_初始化显示(十分详细!!!)

摘要：项目结构目录所需资料: comment_page文件夹: 组件化编码基本流程: 1.拆分组件 2.实现静态组件 3.实现动态组件静态组件和动态组件区别? 静态组件显示的数据是固定的,没有交互; 动态组件有两个方面是动态的:(1).初始化显示(数据应该动态显示出来);(2).交互(用户点击提交/删阅读全文

posted @ 2019-12-13 11:19 Curedfisher 阅读(401) 评论(0) 推荐(0) 编辑

(尚021)Vue_eslint编码规范检查

摘要： 1.eslint 1.1说明 1)ESLint是一个代码规范检查工具 2)它定义了很多特定的规则,一旦你的代码违背了某一规则,eslint会做出非常有用的提示 3)官网:http://eslint.org/ 4)基本已替代以前的JSLint 1.2 ESLint提供一下支持 1) ES 2) JSX 阅读全文

posted @ 2019-12-13 08:17 Curedfisher 阅读(176) 评论(0) 推荐(0) 编辑

2019年12月12日

(尚020)Vue打包发布项目

摘要： 1.项目的打包与发布 1.1打包: npm run build 报错: 原因:原来eslint是一个语法检查工具，但是限制很严格，在我的vue文件里面很多空格都会导致红线(红线可以关闭提示)，虽然可以关闭，但是在编译的时候老是会跳出来，所以能关闭是最好的了解决方法：在build/webpack.b 阅读全文

posted @ 2019-12-12 17:43 Curedfisher 阅读(247) 评论(0) 推荐(0) 编辑

(尚019)Vue基于脚手架编写项目

摘要： vue_demo目录结构截图: (1)图一 (2).图二 (3).图三 (四).图四 (5).图五 (6).图六 (7).图七不能随便改入口文件的名字,因为已经配置好了 (8).图八 (9).图九 (10).图十 (11).main.js文件解析 // The Vue build version 阅读全文

posted @ 2019-12-12 11:59 Curedfisher 阅读(348) 评论(0) 推荐(0) 编辑

(尚018-第二章2.1)Vue使用vue-cli创建模板项目

摘要： 2.1.1 1)vue-cli是官方提供的脚手架工具(注意:脚手架本身是个库) 2)github:https://github.com/vuejs/vue-cli 3)作用:从https://github.com/vuejs-templates 下载模板项目 2.1.2 (1).脚手架全局安装(特点阅读全文

posted @ 2019-12-12 10:32 Curedfisher 阅读(248) 评论(0) 推荐(0) 编辑

(尚017)Vue插件

摘要： 1.如何开发插件? 2.编写自己的vue-myPlugin.js插件库,代码如下: /** * vue的插件库 * 最好使用匿名函数包裹起来,这样代码会更加规范 * 里面的实现被隐藏了 */(function(){ //MyPlugin是个变量,需要定义 //需要向外暴露的插件对象 const My 阅读全文

posted @ 2019-12-12 08:33 Curedfisher 阅读(293) 评论(0) 推荐(0) 编辑

公告