Vue.js - نحوهی ایجاد یک Vue جدید و استفاده از معماری MVVM - قسمت دوم
نویسنده: امین دانش
تاریخ: ۱۳۹۶/۰۱/۱۴ ۲۰:۰
آدرس: www.dntips.ir
| مطالب | ۳۶۹۴ |
| نویسندگان | ۲۷۶ |
| گروههای مطالب | ۱۰۲۴ |
| نقشههای راه | ۱۱۹ |
| دورهها | ۱۴ |
| اشتراکها | ۱۷۹۱۴ |
<html>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.27/vue.min.js">
new Vue({
});
</script>
</body>
</html> <html>
<body id="dotnettips">
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.27/vue.min.js">
new Vue({
});
</script>
</body>
</html> <html>
<body id="dotnettips">
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.27/vue.min.js">
new Vue({
el: '#dotnettips',
data: {
name: 'dotnettips'
}
});
</script>
</body>
</html> //new model
var SampleData =(
name: 'dotnettips'
) <div id="dotnettips">
Hello {{ name }}
</div> new Vue({
el:'#dotnettips',
data: SampleData
}) <html>
<body id="dotnettips">
<h3 id="dotnettips">
Hello {{ name }}
</h3>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.27/vue.min.js">
</script>
<script type="text/javascript">
new Vue({
el: '#dotnettips',
data:{
name: 'dotnettips'
}
});
</script>
</body>
</html>