小白学习vue第五天-第二弹(全局局部、父子、注册语法糖，script/template抽离模板)

【小白学习vue第五天-第二弹(全局局部、父子、注册语法糖，script/template抽离模板)】的更多相关文章

小白学习vue第五天-第二弹(全局局部、父子、注册语法糖，script/template抽离模板)

全局组件: 就是注册的位置在实例对象的外面并且可以多个实例对象使用而局部: 就是在实例对象的内部注册父组件和子组件的关系子组件就是在另一个组件里面注册的组件组件注册语法糖: 就不用Vue.extend({})模板了,直接写到注册里面模板这样写太麻烦了于是就抽离模板以前模板: 现在可以直接写在script标签里: 这样写又快有方便. 注册就直接写id 为了更好用就又有了:template标签直接点一个赞,这更方便了.简直是程序员的福音…

小白学习vue第五天(理解使用组件开发，组件第一弹)

组件怎么从创建到使用? 第一步创建组件构造器对象感觉个人理解就是创建一个模板,和创建MongoDB数据模板相似 const cpnC = Vue.extend({ template: ` <div > <h1>我是标题</h1> <p>我是内容</p> </div>` }) 第二步注册组件模板做好了就要注册一下才能用,注册成Vue的组件 Vue.component('my-cpn', cpnC) const app = new V…

小白学习Vue第五天(v-model实用的地方）

用法一radio单选项  <label for="male"> <input type="radio" value="男" v-model="sex">男 </label> <label for="female"> <input type="radio" value="女…

小白学习VUE第一篇文章---如何看懂网上搜索到的VUE代码或文章---使用VUE的三种模式：

小白学习VUE第一篇文章---如何看懂网上搜索到的VUE代码或文章---使用VUE的三种模式: 直接引用VUE; 将vue.js下载到本地后本目录下使用; 安装Node环境下使用; ant-design-vue只是Vue实现的一组ant-design UI模板代码,真正使用的还是VUE环境; 直接引用VUE(直接将代码复制保存成一个html文件即可双击在浏览器中运行):<script src="https://unpkg.com/vue"></script> &…

小白学习React官方文档看不懂怎么办？2.JSX语法

接下来我们就要讲到JSX语法了,在我们讲它之前,我们先引入一个概念叫语法糖. 听到这个名字首先我们可能会想到一个词叫”糖衣炮弹“,那么什么叫糖衣炮弹呢,就是给你说各种好听的话,来迷惑你,但是稍微一体会对方这句话的意思,才能发现内藏的恶毒含义,其实这个词来源于医学,我们吃的药片可能很酷,很难入口,于是医药公司就在很苦的药外层包了一层糖衣,让我们把药片含在嘴里的时候,发现好甜,但是其里面的真正起药物作用的是里面很苦的心. 那么到底什么是语法糖呢?其实就是一种比较简单的语法,它对这…

小白学习VUE第二课：环境搭建 VUE Node.js VSCode template模板

环境搭建 VUE Node.js VSCode template模板: 首先安装node:http://www.runoob.com/nodejs/nodejs-install-setup.html 进入命令行模式: win+r ---->cmd cd f:\ md vuetest cd vuetest 安装webpack:npm install webpack -g 安装vue脚手架:npm install vue-cli -g 创建项目:vue init webpack proj Use…

【java并发编程艺术学习】（五）第二章 java并发机制的底层实现原理学习记录(三) 原子操作的实现原理学习

章节介绍主要包括术语定义.处理器如何实现原子操作.Java如何实现原子操作: 原子(atomic)本意是不能再进一步分割的最小粒子,“原子操作” 意为不可被中断的一个或一系列操作. 术语定义自己的理解: 缓存行:缓存的最小操作单位.注意,缓存与内存是不一样的. 比较并交换:结合上一篇中CAS操作的介绍进行理解.CAS操作需要输入两个数值,一个新值A,一个旧值B,在操作期间先比较旧值B有没有发生变化,没有发生变化,才交换,发生了变化,就不交换. CPU流水线:结合生产车间的流水线,一种设…

小白学习django第五站-简易案例

首先在setting.py文件中编写数据库配置内容 DATABASES = { 'default': { 'ENGINE': 'django.db.backends.mysql', 'NAME': 'site', 'USER': 'user', ', 'HOST': '127.0.0.1', ', } } 之后在app中models.py文件编写模型映射表 from django.db import models # Create your models here. class BlogModl…

学习vue第五节，vue中使用class和style的css样式

vue中使用class样式数组 <h1 :class="['red', 'thin']">这是一个H1</h1> 数组中使用三元表达式 <h1 :class="['red', 'thin', isactive?'active':'']">这是一个H1</h1> 数组中嵌套对象 <h1 :class="['red', 'thin', {'active': isactive}]">这是一个…

小白学习vue第三天，从入门到精通（computed计算属性）

computed计算属性 <body> <div id="app"> <div>{{myName}}</div> </div> <script> const app = new Vue({ el: '#app', data: { firstName: '彭于晏', lastName: '胡歌' }, computed: { myName: { set: function (newValue) { const nam…