kaer_invoker - 博客园

2021年7月4日

Vuejs学习笔记(二)-7.父子组件访问中，子组件变量名称使用驼峰标识时需要注意的事情

摘要：子组件变量名称为驼峰标识时，在html中子组件中子组件的变量与父组件的变量绑定关系时，子组件标签中的变量需要使用横杆，比如子组件变量为childMessage，那么在html中子组件绑定父组件的标签就应该写成child-message。具体代码如下： 1 <!DOCTYPE html> 2 <htm 阅读全文

posted @ 2021-07-04 17:50 kaer_invoker 阅读(130) 评论(0) 推荐(0) 编辑

Vuejs学习笔记(二)-6.数据的访问规则，上下级访问（父访问子）

摘要：前面阐述了平级访问，即父组件的view层访问父组件的data层，直接通过插值显示即可简单访问。但是实际开发的场景如下： 1.结构：开发场景中一个主页面是一个父组件，内部很很多子组件，子组件内部又有子组件2.网络请求：一个页面的数据一般是由父组件请求网络数据后，再向下传递给子组件3.父子组件之间的通信阅读全文

posted @ 2021-07-04 10:27 kaer_invoker 阅读(130) 评论(0) 推荐(0) 编辑

2021年7月3日

Vuejs学习笔记(二)-5.组件的数据访问规则，同级访问

摘要：一、同级访问父组件的components下即可以存放子组件的template，有可以存放子组件的数据和方法。子组件的结构和Vue实例结构是相似的。另外，子组件的view层可以直接方位子组件的data，父组件的view层可以直接访问父组件的data 来个例子，同级访问： 1 <!-- 2 @aut 阅读全文

posted @ 2021-07-03 18:49 kaer_invoker 阅读(58) 评论(0) 推荐(0) 编辑

Vuejs学习笔记(二)-4.组件内部的template分离，

摘要： template中写html标签非常麻烦，如果标签复杂就更难于维护。因此需要将template内的标签抽离出来。方式一：抽离到script中 1.全局组件的template抽离，将template的html标签模板写到script中，script的type属性为"text/x-template"，阅读全文

posted @ 2021-07-03 16:36 kaer_invoker 阅读(389) 评论(0) 推荐(0) 编辑

2021年7月2日

Vuejs学习笔记(二)-3.使用语法糖创建组件，节省代码

摘要：之前创建组件的代码略显繁琐，可以简化，使用到语法糖。 1.未使用语法糖创建全局组件 1 <!-- 2 @author:invoker 3 @project:project_lianxi 4 @file: 01-vue组件的基本使用.html 5 @contact:invoker2021@126.co 阅读全文

posted @ 2021-07-02 15:55 kaer_invoker 阅读(107) 评论(0) 推荐(0) 编辑

Vuejs学习笔记(二)-2.父组件和子组件的基本使用

摘要：父组件和子组件，如何理解，当成一种组件关系理解。对于全局组件而言，似乎没有父组件。但是对于局部组件而言，每一个局部组件都是对应Vue实例的子组件。第九行在root根上只需要使用父组件即可，子组件也会被渲染出来 1 <!DOCTYPE html> 2 <html lang="en"> 3 <he 阅读全文

posted @ 2021-07-02 15:34 kaer_invoker 阅读(97) 评论(0) 推荐(0) 编辑

Vuejs学习笔记(二)-1.组件的基本使用-全局组件和局部组件

摘要：组件化开发是程序代码的分类复用，使用抽象的思想,将相同的页面模块抽象成一个组件，以便在不同页面复用，不同项目复用。一、全局组件解释下，全局组件就是构建的组件所有vue实例都可以用， vue组件创建的基本方法如下： 1.创建组件构造器： const cpn =Vue.extend({ templ 阅读全文

posted @ 2021-07-02 14:55 kaer_invoker 阅读(160) 评论(0) 推荐(0) 编辑

Vuejs学习笔记(四)-2.创建项目划分目录结构

摘要：使用vuecli3的命令vue create shopmall创建项目后，需要划分项目目录结构。主要是src下的目录一、创建目录结构 1.assets 资源下放置静态资源，如img/ css/ src/assets/img/ img文件 src/assets/css/ css文件，其中是用到nor 阅读全文

posted @ 2021-07-02 11:37 kaer_invoker 阅读(80) 评论(0) 推荐(0) 编辑

Git的使用

摘要： 1.安装git 2.配置环境变量，将以下2个路径配置到操作系统的环境变量Path内：D:\Program Files\Git\mingw64\libexec\git-core;D:\Program Files\Git\bin 3.重启需要通过命令行发布git的编辑器，我用的是webstorm 4.登阅读全文

posted @ 2021-07-02 11:06 kaer_invoker 阅读(38) 评论(0) 推荐(0) 编辑

2021年7月1日

Vuejs学习笔记(一)-17.v-model 双向绑定

摘要：一、v-model双向绑定初体验前面学习的都是插入式展示后台数据，即后台提供什么数据，页面就如何展示。现在学习一个新技能，v-model双向绑定。即做了双向绑定的数据，前台页面可以轻松改变后台数据。 v-model="message" 写法很简单。详见代码： 1 <!-- 2 @author:i 阅读全文

posted @ 2021-07-01 17:27 kaer_invoker 阅读(94) 评论(0) 推荐(0) 编辑

知行合一