首页 > 其他分享 >vue

vue

时间:2023-03-02 22:36:17浏览次数:40  
标签:arr vue num title else 123

基础三部分:

<template>视图   有且只有一个跟标签<view>

<script>思路代码

<style>样式

<template>
    <view>
        <view>当前标题{{title}}</view>
        <view>{{num}}</view>
        <view>{{arr[0]}}</view>
        <view>{{obj.name}}</view>
        </view>
        
</template>

<script>
    export default {
        data() {
            return {
                title:"微信小程序",
                num:123,
                arr:["hzang","dsadas",2],
                obj:{name:"zhangsan",age:123}
            }
        },
        methods: {
            
        }
    }
</script >

v-if  v-else:两个要紧紧相连

v-else-if:

 

标签:arr,vue,num,title,else,123
From: https://www.cnblogs.com/lin513/p/17173815.html

相关文章

  • #yyds干货盘点#vue3 语法糖setup 兄弟组件传值
    使用mitt//全局引入npminstallmitt或者cnpminstallmitt在main文件中挂载import{createApp}from'vue'importAppfrom'./App.vue'importmittfrom'mitt'//导......
  • Vue在开发中的实战使用
    Vue在开发中的实战使用解决SPA单页应用首屏加载慢首屏时间(FirstContentfulPaint),指的是浏览器从响应用户输入网址地址,到首屏内容渲染完成的时间,此时整个网页不一定要全......
  • vue-cli
    Vue-clivue-cli创建项目1.下载node解释器在node官网中下载node解释器,安装时一直下一步就行2.验证node下载完是自动添加环境变量的,可以在cmd中输入node来验证......
  • vue3自动引入插件
    unplugin-auto-import/vite配置完成之后使用refreactivewatch等无须import导入可以直接使用installnpmi-Dunplugin-auto-import vite配置//vite.confi......
  • vue+vant项目中 rem适配配置
    vantrem适配,需要安装两个插件postcss-pxtorem 是一款postcss插件,用于将单位转化为rem  lib-flexible 用于设置rem基准值postcss-pxtorem:npminstallpostc......
  • Vue3 常见错误
    1.UncaughtSyntaxError:Therequestedmodule'/node_modules/.vite/vue-router.js?v=4b09f9b8'doesnotprovideanexportnamed'default'【解决】vue-router的配......
  • Vue2中EventBus总线使用
    参考https://juejin.cn/post/6995015040805896200在utils文件夹中创建bus.js文件importVuefrom'vue';exportconstBus=newVue();在需要的地方使用//Fisr......
  • vue项目实践1,项目中各个文件夹
    vue-cli脚手架初始化项目。node+webpack+淘宝镜像node_modules文件夹:项目依赖文件夹public文件夹:一般放置一些静态资源(图片),放在public里面的静态资源,webpack在进......
  • vue 中 computed属性中的get与set;
    1.computed是对⾃⼰定义的变量进⾏监控,这⾥的变量不是在data中定义,直接在computed中定义,然后变量放到展⽰页⾯后就实现了数据的双向绑定,当变量发⽣改变是就会触发计算,说到......
  • vue3注册组件,以及组件之间通信
     注册组件 全局组件 局部组件 递归组件 组件通信 父传子父传递<template><divclass="container"><!--传递数据这里传了一个string和一......