Vue.js的学习记录_1

刺骨的言语ヽ痛彻心扉 2022-03-09 16:34 183阅读 0赞

### Vue的初始化、数据与方法 ###

*  vue.html

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Vue  Studying</title>
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    </head>
    <body>
        <div id="Vue-app">
            <h1>{
       {greet('night')}}</h1>
            <h2>{
       {name}}</h2>
        </div>  
        <script src="app.js"></script>
    </body>
    </html>

*  vue.js

new Vue ({ 
        el: '#Vue-app',
        data: { 
            name: 'shuan', 
            job: 'teacher',
            website: 'http://www.baidu.com',
            websiteTag: '<a href:"http://www.baidu.com">百度一下，你就知</a>'
        },
        methods:{ 
            greet: function (time) { 
                return 'Good ' + time + ' ' + this.name ;
            }
        }
    });

### `笔记：` ###

第一次尝试时， 我常常犯错的地方有：

*  初始化对象Vue后，在\*\*el:**后常常忘记**\#\*\*号。
 *  忘记了对官网上的vue.js库的引入。
 *  忘记了对现有，本地的vue.js文件的导入。
 *  在本机对象中的数据或方法有时出现不了，可能是字母写的不对应。

发表评论取消回复

表情：

评论列表（有 0 条评论，183人围观）

还没有评论，来说两句吧...

相关阅读

相关 Dubbo学习记录1

写在前面这里记录下springboot-dubbo的学习记录准备找到官方提供的示例项目，clone到本地开发工具，[项目地址][Link 1]

雨点打透心脏的1/2处/ 2023年01月21日 10:29/ 0 赞/ 126 阅读

相关 (vue学习）记录1

vue只关心视图层 html+css+js视图层是双向数据绑定，视图发生变化时，数据也会发生变化。网络通信 axios 页面跳转 vue-route 状态

缺乏、安全感/ 2022年09月12日 04:58/ 0 赞/ 185 阅读

相关 TensorFlow学习记录[1]

TensorFlow是Google开源的深度学习框架 ![68747470733a2f2f7777772e74656e736f72666c6f772e6f72672f69

青旅半醒/ 2022年06月17日 07:28/ 0 赞/ 345 阅读

相关 VueJs学习汇总

最近更新时间：2017年6月2日16:58:06 [《我的博客地图》][Link 1] 前端的框架很多，需要不断的摸索和学习，截止20170602已经接触和使

落日映苍穹つ/ 2022年06月15日 12:11/ 0 赞/ 451 阅读

相关 C++学习记录_1

//carrots.cpp include <iostream> using namespace std; int main()

男娘i/ 2022年05月18日 09:19/ 0 赞/ 210 阅读

相关 JavaScript的基础1（学习记录）

<script type="text/javascript"></script> 标签script中插入javascript代码，这段代码表示script标签之

短命女/ 2022年05月18日 01:48/ 0 赞/ 192 阅读

相关 vuejs学习笔记

把一个对象所有元素打印出来对象： editRoomData: { id: "", roomNo:""

Bertha 。/ 2022年05月01日 12:10/ 0 赞/ 229 阅读

相关 Vue.js的学习记录_1

Vue的初始化、数据与方法 vue.html <!DOCTYPE html> <html lang="en"> <head>

刺骨的言语ヽ痛彻心扉/ 2022年03月09日 16:34/ 0 赞/ 184 阅读

相关 Vue学习记录（1）

记录下前段时间学习的vue，方便自己后面回来查看。 ps： vue全家桶套餐： 1. vue - router; 2. vuex; 3. vue-resour

港控/mmm°/ 2021年11月22日 07:04/ 0 赞/ 311 阅读

相关 kettle学习记录1

在ETl工具kettle中主对象主要分为作业（job）与转换（transform）。 1.作业以一个start开头，中间可以包含不定量个作业和转换，可以有多个结尾。作业...

小灰灰/ 2020年11月29日 04:37/ 0 赞/ 736 阅读