初识vue.js，我的学习之路

关键词：

 1 <div id="app">
 2 
 3     <h1 v-color="pink">11111111111111</h1>
 4 
 5 </div>
 6 
 7 <script src="vue.js"></script>
 8 <script>
 9 
10     Vue.directive("color",function(el,binding){
11         /*console.log(el);
12         console.log(binding); */
13 
14         el.style[binding.name] = binding.expression;
15 
16     });
17     new Vue({
18         el:"#app",
19         data:{
20             pink:""
21         }
22 
23     })
24 </script>
25 </body>

上面这种Vue.directive是全局的写法，里面有两个参数第一个是指令名称，第二个是一个方法，方法里面也有两个参数第一个参数el就是Dom节点，第二个是这个对象里面有个name属性，name对应color就是这个color。
这是一个全局的写法。
    下面这种是局部的写法（注意的是directive要加s）：

 1 <div id="app">
 2 
 3     <h1 v-color>11111111111111</h1>
 4     <h2 v-date>456</h2>
 5 
 6 </div>
 7 
 8 <script src="vue.js"></script>
 9 <script>
10     new Vue({
11         el:"#app",
12         directives:{
13             "color":function(el,binding){
14                 el.style.color = "red"
15             },
16             "date":function(el,binding){
17 
18                 el.innerHTML = "123"
19             }
20         }
21     })

机器学习之路--初识

SupervisedandunsupervisedlearningSupervisedlearing: "rightanswers" GivenRegression:PredictcontinuousvaluedoutputClassification:DiscretevaluedoutputUnsupervisedlearning:"Datasets"Givenandnotc 查看详情

python学习之路初识xml

importrequestsfromxml.etreeimportElementTreeasETr=requests.get(‘http://www.webxml.com.cn//webservices/qqOnlineWebService.asmx/qqCheckOnline?qqCode=577800103‘)re=r.textr1=ET.XML(re)print(r1.text)  查看详情

vue学习笔记初识vue——使用html模板

在创建Vue实例时，如果声明了el配置项，那么你也可以省略template 选项。这时候，Vue.js将提取锚点元素的HTML内容，做为模板。我们可以使用单一的el配置项来创建Vue实例：varvm=newVue({el:‘#app‘});在Vue.js中，这种模板被称为HTML... 查看详情

hive学习之路hive初识

目录Hive简介什么是Hive为什么使用HiveHive特点Hive和RDBMS的对比Hive的架构1、用户接口:shell/CLI,jdbc/odbc,webuiCommandLineInterface2、跨语言服务：thriftserver提供了一种能力，让用户可以使用多种不同的语言来操纵hive3、底层的Driver：驱动器Dr... 查看详情

python学习之路：numpy初识(代码片段)

importnumpyasnp;//一维NumPy数组myArray=np.array([1,2,3,4]);print(myArray);[1234]//打印一维数组的形状print(myArray.shape);(4,)//像普通的Python数组一样，NumPy数组的起始索引编号为0。print(myArray[0]);print(myArray[1]);12//像数组一样直接修改NumPy 查看详情

scala学习之路spark初识

一、官网介绍官网地址：http://spark.apache.org/ApacheSpark™是用于大规模数据处理的统一分析引擎。从右侧最后一条新闻看，Spark也用于AI人工智能spark是一个实现快速通用的集群计算平台。它是由加州大学伯克利分校AMP实验室开发... 查看详情

hive学习之路hive初识

Hive简介什么是Hive1、Hive由Facebook实现并开源2、是基于Hadoop的一个数据仓库工具3、可以将结构化的数据映射为一张数据库表4、并提供HQL(HiveSQL)查询功能5、底层数据是存储在HDFS上6、Hive的本质是将SQL语句转换为MapReduce任务运行7、... 查看详情

vue.js系列之一初识vue

在看vue.js之前,可以先看这两篇文章,对于为什么要使用vue会有一定帮助1、 Vue.js !important2、界面之下：还原真实的MV*模式 !important3、web前端优化之reflow(减少页面的回流)4、深度剖析：如何实现一个VirtualDOM算法本系列文... 查看详情

我的javascript学习之路(代码片段)

1.初识Javascript1.简介JavaScript是世界上最流行的语言之一，是一种运行在客户端的脚本语言（Script是脚本的意思）脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行来进行解释并执行现在也可... 查看详情

我的javascript学习之路(代码片段)

1.初识Javascript1.简介JavaScript是世界上最流行的语言之一，是一种运行在客户端的脚本语言（Script是脚本的意思）脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行来进行解释并执行现在也可... 查看详情

vue学习笔记初识vue——创建vue示例(代码片段)

vue是以JavaScript作为应用入口，HTML提供一个渲染锚点，创建一个vue示例，引入库文件，创建vue实例，渲染vue实例；引入vue.js库会暴露出一个全局类vue用全局类vue创建一个vue实例varvm=newVue（template：‘<h1>fffff</h1>’//配置项t... 查看详情

我的汇编之路之初识汇编

　　引子：我为什么一下子想来自学汇编语言呢？也就是前几天在一个黑客网站看见了一个关于破解rar压缩包密码的.bat应用程序，我把它下下来，然后看了下源码，发现是我之前听说过的汇编语言写的。就这样，我便对汇编语... 查看详情

vue学习之路-1.初步感知(代码片段)

 一、安装  　　这里使用node的npm包管理工具进行操作。操作前请先下载node。　　在工程文件夹中使用以下命令安装vue:npminstallvue　　如下图所示：我在helloworld 文件夹中安装vue：　　　　// Vue不支持IE8及其以... 查看详情

vue学习之路（基础篇）(代码片段)

Vue学习之路（基础篇）🍅程序员小王的博客：程序员小王的博客🍅欢迎点赞👍收藏⭐留言📝🍅如有编辑错误联系作者，如果有比较好的文章欢迎分享给我，我会取其精华去其糟粕🍅ja... 查看详情

vue学习笔记之初识vue——实例方法声明(代码片段)

如果需要在点击鼠标时，执行一个复杂的操作，那么采用单一的表达式作为v-on指令值就不够了——我们需要将复杂的操作封装为Vue实例的一个方法，然后将v-on指令的值设置为这个方法。使用methods配置项来声明Vue实例的方法。当... 查看详情

菜鸟之路-java初识

学习java前需要了解的基础计算机知识　　1.软件：按照特定顺序组织一系列计算机数据和指令的集合；分为系统软件和应用软件；　　　　软件开发就是制作软件；　　2.人机交互：软件使人和计算机的交互更加便利；交互方式... 查看详情

vue学习之路之需要了解的知识汇总(代码片段)

一、vue是什么？　　相关网页： https://vuejs.bootcss.com/v2/guide/   及菜鸟教程   https://www.runoob.com/vue2/vue-tutorial.html　　vue.js是一套构建用户界面的渐进式框架；它只关注图层，采用自底向上增量开发的设计... 查看详情

vue学习第一篇：vue初识与指令

什么是Vue什么是VueVue.js是一个渐进式JavaScript框架它是构建用户界面的JavaScript框架（让它自动生成js,css，html等）渐进式：vue从小到控制页面中的一个变量到页面一块内容到整个页面，最终大到整个项目，东可以用vue框架来实现vue... 查看详情