vue简介入门

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/weixin_37292229/article/details/80533688
Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式JavaScript框架。

html用<template>包裹,css用<style>包裹,JavaScript用<script>包裹

new一个vue对象的时候可以设置它的属性,其中最重要的三个包括:data、method、watch
其中data代表vue对象的数据,methods代表vue对象的方法、watch设置了对象监听的方法
vue对象里的设置通过html指令进行关联

挂载点、模板的定义:
id 为 vue_det,用el: '#vue_det'表示,那么id 为 vue_det的div就是挂载点。vue只会处理挂载点下面的属性,el绑定的就是挂载点。
模板:template,指挂载点里面的内容。

重要的指令包括;
-数据渲染:v-text、v-html、{{}}:这种表达式称为差值表达式
v-if控制显示
v-for循环列表
事件绑定:v-on:click=“方法名” 或者@click="方法名"
属性绑定v-bind:src=“‘或者 :class
v-model  指令,它能轻松实现表单输入和应用状态之间的双向绑定。


通过props父向子传递数据
组件注册

猜你喜欢

转载自blog.csdn.net/weixin_37292229/article/details/80533688