本文共 905 字，大约阅读时间需要 3 分钟。

Vue

Vue就是基于MVVM模式实现的一套js框架(函数库)，在vue中：Model:指的是js中的数据，如对象，数组等等。View:指的是页面视图

Vue.js 的目标是通过尽可能简单实现响应的数据绑定和组合的视图组件

1.vue的基本使用

• 提示：

  • {
    {两个大括号之间不能有空格(标准胡子语法)
  • vue的代码一般写在要控制的标签下面,写在body中也是可以的,因为他没有入口函数.

   
   
   
    {
  {str}}
   

2、Vue的模板语法

• Vue显示数据方法

    
       
   
        
    
     {
  { str }}
    
        
    
{
  { str.split('').reverse().join('') }}
        
    {
  { num+1 }}                
      
                    
    
     {
  { bool?'成立':'不成立' }}
    
            
   
    

• Vue控制html属性

    
       
   
        
                    
    百度  
                    
    淘宝  
        
   
    

• Vue绑定事件

          
   
           
    {
  { num+1 }}           
    
                      
    按钮              
    按钮（化简写法）  
                          
    调用函数：num自增 
           
   
       

3、Vue控制class属性

使用v-bind指令来设置元素的class属性或者sytle属性，它们的属性值可以是表达式，vue.js在这一块做了增强

       
   
       
    		
    		
    
     111
    
				
    		
    
     222
    
		
    		
    
		
    		
    
    
   
    

转载地址：https://blog.csdn.net/weixin_43250623/article/details/90412874 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！