Vue.js画家技巧

学习vue.js中的笔记,留作以后复习查找

1、cnpm安装:npm install -g cnpm --registry=http://registry.npm.taobao.org

2、-g代表全局

3、npm run dev 命令,其中的“run”对应的是package.json文件中,scripts字段中的dev,也就是 node build/dev-server.js命令的一个快捷方式。

基本的操作指令:

HTML :

1、<h1> 到 <h6> 标签:<h1>标题</h1>,分别为6个等级大小的标题

2、<p></p>:<p>称为开始标记,</p>称为结束标记。把一段话写在这两个标记中间,在用浏览器浏览的时候,浏览器会把这一段话显示为一个段落

3、ul就是一个无序表,<ul>和</ul>之间的内容都会一行行排列出来;<ol></ol>有序表;<li></li>显示内容

4、<router-link> 组件支持用户在具有路由功能的应用中(点击)导航。 通过 to 属性指定目标地址,默认渲染成带有正确链接的 <a> 标签.。

如:<li><router-link to="props" >Demo 1 父子组件通讯:Props</router-link></li>,将在页面生成链接:Demo 1 父子组件通讯:Props,点击链接连接入props内容的页面

5 、注释标签<!-- 这是注释,将不会被显示-->

6、<input type="text" v-model="msg" > <!--其中<input type="text" /> 定义用户可输入文本的单行输入字段;v-model的双向数据绑定,通过v-model 指令,我们把msg 数据绑定到了input文本框,我们修改文本框的值,发现msg 数据改变了-->

7、<div> </div>让内容包裹在DIV内,实现各式各样的美化,比如对div设置边框,这样内容就区就有边框样式、对div设置字体颜色这样对应DIV内字体就有了各式各样的颜色;对div设置背景颜色或背景图片,这样内容就有了漂亮的css背景。说白了就是把这部分作为一个块儿,统一改变格式。

js:

document.getElementById(id)//通过其ID返回对该元素的引用; 该ID是一个字符串,可用于唯一标识在HTML id属性中找到的元素。如:var elem = document.getElementById('para'); 这里para是在HTML中定义的一个ID,将他引用给elem。具体见下:https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById

父子组件之间的通信:http://blog.csdn.net/qq_23392341/article/details/71367576

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值