vuejs使用技巧
组件创建自定义标签时,自定义的标签不要用驼峰写法,vue否者报错,例如<my-template></my-template>合法或者去掉中间的斜杠全部小写,只要出现大写字母就会报错,例如这样就会报错<myTemplate></myTemplate> 模板可以通过给的类名进行样式的变化,单独通过模板名给样式不会起作用,比如以<myTemplate></myTemplate>为例,不给类直接控制不会起作用 在写父组件时,子组件的顺序应该在父组件的前面,否者渲染失败
{{*message}} 加上星号就会原样输出,不会同步
v-on:click="dianji" 事件绑定和@事件名使用效果一样
{{{}}}三个花括号表示绑定后生成的是html标记而非两个花括号那样生成的是纯文本
v-bind:class="[classA,classB]" 绑定属性 可以简写成:class="[classA,classB]" 
v-for="name in names" 将中间的in可改写成of
[]构造器里面绑定信息给这个,就说明是一个数组会对应数组下标来给对应值
console调试不能直接那么写,因为vue都是以数组的形式进行交互 所以写上ready:{console.log()进行控制台输出}
vuejs使用技巧的更多相关文章
- Chrome 实用调试技巧
		
Chrome 实用调试技巧 2016-07-23 如今Chrome浏览器无疑是最受前端青睐的工具,原因除了界面简洁.大量的应用插件,良好的代码规范支持.强大的V8解释器之外,还因为Chrome开发者工 ...
 - vue的传参方式和router使用技巧
		
vue传参方法一 1,路由配置 { path: '/describe/:id', name: 'Describe', component: Describe } 2,使用方法 // 直接调用$rout ...
 - VueJS教程
		
文档资料参考: 参考:https://cn.vuejs.org/ 参考:Vue-Cli(客户端) 参考:创建一个Vue项目 参考:https://codesandbox.io 参考:https://c ...
 - Chrome实用调试技巧
		
如今Chrome浏览器无疑是最受前端青睐的工具,原因除了界面简洁.大量的应用插件,良好的代码规范支持.强大的V8解释器之外,还因为Chrome开发者工具提供了大量的便捷功能,方便我们前端调试代码,我们 ...
 - Vuejs - 工欲善其事必先利其器
		
既然是实战,怎离不开项目开发的环境呢?先给大家推荐下我的个人开发环境: 硬件设备:Mac OSX编译器:Visual Studio Code命令行工具:iTerm2调试工具:Chrome Dev to ...
 - 【原创】分布式之数据库和缓存双写一致性方案解析(三)  前端面试送命题(二)-callback,promise,generator,async-await  JS的进阶技巧  前端面试送命题(一)-JS三座大山  Nodejs的运行原理-科普篇  优化设计提高sql类数据库的性能  简单理解token机制
		
[原创]分布式之数据库和缓存双写一致性方案解析(三) 正文 博主本来觉得,<分布式之数据库和缓存双写一致性方案解析>,一文已经十分清晰.然而这一两天,有人在微信上私聊我,觉得应该要采用 ...
 - 移动端web开发初探之Vuejs的简单实战
		
这段时间在做的东西,是北邮人论坛APP的注册页.这个注册页是内嵌的网页,因为打算安卓和IOS平台同时使用.因此实际上就是在做移动端的web开发了. 在这过程中遇到了不少有意思的东西. DEMO的git ...
 - 探究javascript对象和数组的异同,及函数变量缓存技巧
		
javascript中最经典也最受非议的一句话就是:javascript中一切皆是对象.这篇重点要提到的,就是任何jser都不陌生的Object和Array. 有段时间曾经很诧异,到底两种数据类型用来 ...
 - 前端极易被误导的css选择器权重计算及css内联样式的妙用技巧
		
记得大学时候,专业课的网页设计书籍里面讲过css选择器权重的计算:id是100,class是10,html标签是5等等,然后全部加起来的和进行比较... 我只想说:真是误人子弟,害人不浅! 最近,在前 ...
 
随机推荐
- Vue入门演示
			
工作中用了很久vue,但是都是我们这边前端经理封装好的组件,想要看到底部的原理还要从层层代码里面剥离出来,逻辑太复杂,还不如自己一点点整理一下,一步一步走下去. github地址:https://gi ...
 - dict和set
			
#dict和set #dict #Python内置了字典:dict的支持,dict全称dictionary,在其他语言中也称为map #使用键-值(key-value)存储,具有极快的查找速度. #字 ...
 - [stl] SGI STL的空间配置器
			
第一级空间配置器 第一级配置以malloc(), free(), realloc()等c函数执行实际的内存配置,释放.重配置操作,并实现出类似c++ new handler的机制.它不能直接使用c++ ...
 - 创建第一个Android 5.0应用程序
			
1.新建一个Andriod项目,并配置相关参数 2.接着下一步 3.接着下一步,配置相关参数 4.完成后出现下面界面 5.运行此项目 6.你可以在菜单中看到刚才新建的Helloworld app图标
 - JDBC demo
			
package com.zhangbz.jdbc; import java.sql.Connection; import java.sql.DriverManager; import java.sql ...
 - 关于手机微网站ICP备案
			
今天终于拨通了陕西省通信管理局的电话,并告诉对方我们做的是一个化妆品的微网站,会涉及到使用使用支付宝支付. 询问"xxx微网站"网站经营类型,对方告知虽然使用支付宝,但是是微网站, ...
 - 解决log4j:WARN Error initializing output writer. log4j:WARN Unsupported encoding?的问题
			
异常名:log4j:WARN Error initializing output writer. log4j:WARN Unsupported encoding? 异常截图: 在一般的javaweb项 ...
 - jQuery 插件开发文章收集
			
A jQuery plugin boilerplate http://jonathannicol.com/blog/2012/05/06/a-jquery-plugin-boilerplate/ jQ ...
 - debian和ubuntu的sh  dash  bash
			
Ubuntu和debian 的 shell 默认安装的是 dash,而不是 bash.运行以下命令查看 sh 的详细信息,确认 shell 对应的程序是哪个:$ls -al /bin/sh dash ...
 - python基本数据结构-集合-方法