实训项目--es6中模板字符串的使用 vue常用指令在项目中的应用

最新推荐文章于 2022-09-30 16:47:57 发布

卡夫卡的baby

最新推荐文章于 2022-09-30 16:47:57 发布

阅读量435

点赞数

分类专栏：实训项目文章标签： es6 vue.js

本文链接：https://blog.csdn.net/weixin_72303943/article/details/125550363

版权

es6中模板字符串的使用 vue常用指令在项目中的应用

在磁盘里创建vue文件夹，在此文件夹中创建demo1文件夹，

在demo1文件夹中创建js脚本文件夹，创建img文件夹，之后打开demo1

文件夹，再创建与js平级的index.html

先引入外部样式文件，然后引入Vue和Vant的JS脚本，然后开始写代码，

代码如下：

 <title>Vant应用</title>
    <!-- 引入样式文件 -->
    <link
    rel="stylesheet"
    href="https://unpkg.com/vant@2.12/lib/index.css"
    />

    <!-- 引入 Vue 和 Vant 的 JS 文件 -->
    <script src="https://unpkg.com/vue@2.6/dist/vue.min.js"></script>
    <script src="https://unpkg.com/vant@2.12/lib/vant.min.js"></script>

</head>
<body>
   
    <!-- div#app -->
    <div id="app">
        <!-- {
 {}}  插值表达式（渲染的数据，是纯文本）  作用:渲染数据中心的变量-->
        <h1>
            {
 {msg}}
        </h1>

        <!-- v-text 等价于插值表达式 文本渲染指令